.widget-view-resizable {
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    font-size: 0;
    font-style: normal;
    font-weight: normal;
    z-index: 999;
    // 调节宽高按钮
    .resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        touch-action: none;
        z-index: 101;
    }
    // 上
    .handle-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -3px;
        left: 0;
    }
    // 右
    .handle-e {
        cursor: e-resize;
        width: 7px;
        right: -3px;
        top: 0;
        height: 100%;
    }
    // 下
    .handle-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -3px;
        left: 0;
    }
    // 左
    .handle-w {
        cursor: w-resize;
        width: 7px;
        left: -3px;
        top: 0;
        height: 100%;
    }
    // 右下
    .handle-se {
        cursor: se-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        bottom: -5px;
        z-index: 102;
    }
    // 左下
    .handle-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
        z-index: 102;
    }
    // 右上
    .handle-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
        z-index: 102;
    }
    // 左上
    .handle-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
        z-index: 102;
    }
}